<template>
  <Dialog :funcConfirm="funcConfirm"
          :funcCancel="funcCancel"
          :headerTitle="headerTitle"
          :open="open"
          :confirmTitle="btnName"
          >
    <template v-slot:body>
      <div class="content-wrapper">
        <p style="font-size:20px">所选的模块内容较大，建议您下载到电脑本地进行预览</p>
      </div>
    </template>
  </Dialog>
</template>

<script>
import Dialog from "@/component/dialog/Dialog";

export default {
  components: {Dialog},
  props: {
    uid: String
  },
  data() {
    return {
      headerTitle: '预览提示',
      btnName:"下载",
      funcCancel: ()=>{ this.$store.commit('dialog/DOWNLOAD_OPEN', false) }
    }
  },
  // 监听属性 类似于data概念
  computed: {
    open() {
      return this.$store.state.dialog.isOpenDownload
    },
    shareUrl() {
      return `${window.location.origin}/expomodule?uid=${this.uid}&isShare=1`
    },
  },
  // 监控data中的数据变化
  watch: {
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {
    
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
  },
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {
  }, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  activated() {},
  // 方法集合
  methods: {
    funcConfirm(){
      window.open(this.uid)
      this.funcCancel()
    }
  } // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style scoped lang="scss">
@import "@/style/scss/component/dialog/shareExpoDialog.scss"
</style>
